<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>版权服务</title>
  <link rel="stylesheet" href="/static/front/css/vip-before-buy.css">
</head>
<body>
<th layout:fragment="content">
  <div class="container12">

    <div class="top">
      <div class="img">
        <img src="/static/front/imgs/zys198.png"/>
      </div>
      <div class="txt">
        <h2>版权服务平台企业VIP会员</h2>
        <h4>每年1999元即可享受多重会员尊享服务</h4>
      </div>
      <div class="btn">
        <a href="javascript:;" class="open_btn">立即开通</a>
      </div>
    </div>
    <div class="bottom">
      <div class="wrapper">
        <div class="vip-func">
          <ul>
            <li>
              <a href="#">
                <div class="icon">
                  <img class="img01" src="/static/front/imgs/zys199.png"/>
                  <img class="img02" src="/static/front/imgs/zys203.png"/>
                </div>
                <h4>版权管理</h4>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="icon">
                  <img class="img01" src="/static/front/imgs/zys200.png"/>
                  <img class="img02" src="/static/front/imgs/zys204.png"/>
                </div>
                <h4>版权监测</h4>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="icon">
                  <img class="img01" src="/static/front/imgs/zys201.png"/>
                  <img class="img02" src="/static/front/imgs/zys205.png"/>
                </div>
                <h4>专属客服</h4>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="icon">
                  <img class="img01" src="/static/front/imgs/zys202.png"/>
                  <img class="img02" src="/static/front/imgs/zys206.png"/>
                </div>
                <h4>维权服务</h4>
              </a>
            </li>
          </ul>
        </div>
        <div class="on-serv">
          <div class="txt">
            <h2>了解更多会员权益信息请联系在线客服！</h2>
            <h4>客服热线：400-999-8242</h4>
          </div>
          <div class="btn">
            <a href="http://p.qiao.baidu.com/cps/chat?siteId=11146853&userId=24453643" target="_blank">在线咨询</a>
          </div>
        </div>
      </div>
    </div>

  </div>
</th>
<th:block layout:fragment="script">
  <script type="text/javascript">
    $(function () {
      $(".in-radio").ionCheckRadio();
      $('.header .wrapper .nav ul li').eq(3).addClass("on").siblings().removeClass("on");

      $(".open_btn").click(function () {

        $.ajax({
          url: '/account/isVip',
          type: 'get',
          success: function (result) {
            if(!result){
              location.href = '/vip-order'
            }
          },
          error: function () {
            $('.un-login ul li:first a').click();
          }
        })

      })

    })

  </script>
</th:block>

</body>
</html>

